/*共同样式*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,span,i,em,b,div,a,input{margin:0;padding:0;}
a{text-decoration:none;}
ul,li{list-style:none;}
img{border:none;}
body{font-size:12px;font-family:"微软雅黑";}
i{font-style:normal ;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body,html{height:100%;width: 100%;}
input{outline: none;}

.content{min-width: 1200px;width: 100%;margin: 0 auto;}
.header{height: 411px;min-width: 1200px;width: 100%;margin: 0 auto;background:#ccc url("../images/server/about-banner.jpg") center top no-repeat;position: relative;background-size:auto 100%;}
.header .headnav{width: 100%;height: 71px;background-color:#df0b42; background-color:rgba(223, 11, 66, .76); position: absolute; top: 30px;z-index: 2;}
.header .nav{width: 1200px;margin: 0 auto;}
.header .nav .logo { float: left; padding: 15px 0 0 15px;margin-right: 70px;}
.header .nav nav { float: left; margin-left: 70px; }
.header .nav ul li{float: left;padding:0 25px;margin:25px 0;height:21px; border-right: 1px solid #c74665;}
.header .nav ul li a{font-size: 16px;color: #fff;position:relative;display: inline-block;}
.header .nav li a span { height:3px; width:100%; position:absolute; left:50%; bottom:-8px; width:0; display:block; background-color:#fff; transition-duration: .3s; -webkit-transition-duration: .3s; }
.header .nav li a:hover span { width:100%; left:0%; }
.header .nav li:last-child { border-right:none; }
.header .login-reg{ width: 292px; height: 75px; background: url("../images/card/login.png") right top no-repeat; position: absolute; top: 0; right: 50%;margin-right:-600px;z-index: 100; text-align: right; padding: 20px 25px; color: #fff; font-size: 14px; }
.header .login-reg a { color: #fff; line-height: 20px; display: inline-block; }
.header .login-reg .login { background: url("../images/card/icon11.png") left center no-repeat; padding-left: 25px; }

.footer { min-width: 1200px;width: 100%;margin: 0 auto; height: 130px; background-color: #717171; color: #fff; font-size: 12px;}
.footer .content { width:1200px; margin:0 auto; }
.footer a { color: #fff; }
.footer a:hover { text-decoration:underline; }
.footer .left { width: 700px; float: left; position: relative; margin-top: 45px; }
.footer .left .logo { float:left; margin-left:20px; padding-right:30px; }
.footer .left ul { float:left; border-left: #a1a1a1 1px solid; padding-left: 10px; }
.footer .left li { float: left; padding: 0 20px; line-height: 43px; }
.footer .right { width: 480px; float: right; text-align: right; position: relative; padding-top: 15px; margin-right:20px; }
.footer .right p { text-align: right; line-height: 20px; float:right; margin-right:20px; margin-top:25px; }
.footer .right .code { float:right; text-align:center; width:83px; }
.footer .right .code img { display: block; margin: 2px auto; }


.serve{width: 1200px;margin: 0 auto;-overflow: hidden;}
.serveleft{width: 220px;float: left;margin-right: 20px;margin-top: -299px;background: #f9f9f9;height: 100%;}
.serveleft .serveltop{width: 220px;height:299px;background: url(../images/server/serve-bg.png) left top no-repeat;position: relative;}
.serveleft .serveltop h4{height: 70px;margin-left: 10px;border-left: 1px solid #fff;line-height: 70px;font-size: 36px;color: #fff;padding:95px 0 0 9px;font-weight: bold;position: absolute;bottom: 0;}
.serveleft .servelname{width: 220px;height: 94px;background: #b60530;}
.servelname img{display: block;margin-left: 10px;border-left: 1px solid #fff;}
.serveleft .serveul{background: #f9f9f9;}
.serveleft ul{margin-left: 10px;padding:0 0 0 9px;border-left: 1px solid #868686;min-height: 260px;}
.serveleft ul li{width: 191px;border-bottom: 1px solid #e9e9e9;height: 26px;padding-top: 23px;}
.serveleft ul li a{line-height: 26px;display: inline-block;color: #373737;font-size: 14px;}
.serveleft ul li a:hover{color: #b60530;border-bottom: 2px solid #c1133f;}
.serveleft .servelia a{color: #b60530;border-bottom: 2px solid #c1133f;}
.servecon{clear: both;}
.serveright{width: 960px;float: left; margin-bottom:40px;}


/*关于我们*/
.aboutimg{padding:9px 0 5px 9px;width: 164px;height: 80px;}
.about h4{border-bottom: 1px solid #c1133f;margin: 55px 0 10px 0;}
.about h4 span{display: inline-block;border-bottom: 6px solid #c1133f;line-height: 32px;font-size: 18px;color: #3c3c3c;}
.about>img{display: block;width: 960px;height: 134px;margin-bottom: 26px;}
.about>p{line-height: 24px;color: #7e7e7e;font-size: 14px;margin-bottom: 26px;}

/*招聘英才*/
.join{padding-top: 55px;}
.joinimg{padding:9px 0 11px 9px;width: 149px;height: 74px;}
.join h3{border-bottom: 1px solid #c1133f;margin-bottom: 10px;}
.join h3 span{display: inline-block;border-bottom: 6px solid #c1133f;line-height: 32px;font-size: 16px;color: #c1133f;width: 210px;}
.join h4{color: #7e7e7e;line-height: 24px;font-weight:bold ;}
.join p{line-height: 24px;color: #7e7e7e;}
.join .joinp{margin-bottom: 20px;}

/*联系我们*/
.contactimg{padding:9px 0 5px 4px;width: 202px;height: 80px;}
.contact{margin-top: 55px;border-top: 7px solid #c1133f;padding-top: 13px;}
.contact>img{display: block;width: 960px;height: 360px;}
.contact .contactcon{margin-top: 15px;border-top: 1px solid #c1133f;overflow: hidden;padding-bottom: 40px;}
.contact .contactcon div{margin-top: 40px;width: 390px;margin-right: 90px;float: left;min-height: 90px;}
.contact .contactcon div h3{line-height: 22px;border-bottom: 1px solid #d4d4d4;color: #212121;}
.contact .contactcon div p{line-height: 22px;color: #7e7e7e;}
.contact .nb { border-top:none; }

/*品牌合作*/
.brandimg{padding:20px 0 13px 9px;width: 193px;height: 62px;}
.brand h4{border-bottom: 1px solid #c1133f;margin: 34px 0 10px 0;}
.brand h4 span{display: inline-block;border-bottom: 6px solid #c1133f;line-height: 54px;font-size: 26px;color: #3c3c3c;}
.brandcon{padding-bottom:50px ;}
.brandcon .brandlogo{border-bottom: 1px solid #e4e4e4;overflow: hidden;padding-bottom: 18px;}
.brandcon .brandlogo img{display: block; height: 46px;width: auto;float: left;margin: 0 23px;}
.brandcon div h5{border-bottom: 1px solid #e4e4e4;margin-bottom: 10px;}
.brandcon div h5 span{height: 30px;line-height: 30px;background: #c1133f;text-align: center;display: inline-block;color: #fff;padding: 0 5px;font-size: 16px;margin:36px 0 4px 0;}
.brandcon div p{color:#7e7e7e ;font-size: 14px;line-height: 32px;}
.brandcon div p span{color:#232323 ;font-size: 14px;font-weight: bold;}
.brandcon .brand1 p{line-height: 24px;}
.brandcon .brand2>span{line-height: 24px;margin-right: 40px;font-size: 14px;}
.brandcon .brand3{overflow: hidden;padding-top: 20px;}
.brandcon .brand3 li{float: left;}
.brandcon .brand3 li span{display: inline-block;width: 100px;height: 100px;border: 1px solid #e4e4e4;border-radius: 50px;line-height: 100px;text-align: center;font-size: 16px; color: #c1133f;}
.brandcon .brand3 li img{margin: 0 5px;display: inline-block;width: 34px;height: 9px;}

/*--登录状态  --*/

.login-body .login-reg{ width: 292px; height: 75px; background: url("../images/center/login.png") right top no-repeat; position: absolute; top: 0; right: 50%;margin-right:-600px;z-index: 100; text-align: right; padding: 20px 25px; color: #fff; font-size: 12px;}
.login-body .login-reg a { color: #fff; line-height: 20px; display: inline-block; }
.login-body .login-reg .login { background: url("../images/center/icon11.png") left center no-repeat; padding-left: 25px; }


 
.login-body .reg-login{ width: 292px; height: 75px; background: url("../images/personal/login.png") right top no-repeat; position: absolute; top: 0; right: 50%;margin-right:-600px;z-index: 100; text-align: right; padding: 10px 25px; color: #fff; font-size: 12px;display: block; overflow-x: hidden; }
.login-body .reg-login a { color: #fff; line-height: 20px; display: inline-block; }
.login-body .reg-login p{font-size:12px;border-top:1px solid #DA95AA;margin:5px 173px 0;width:113px;padding:4px;}